/*   
Theme Name: Ragazzi
Theme URI: 
Description: 
Author: Nguyen Minh Vu
Author URI: http://www.facebook.com/minhvu1504
Version: 1
*/


/*------------------------------------------------*/
/*-----------------[RESET]------------------------*/
/*------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }

blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }


/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/

body { background: #f3f3f3; 
	text-align: center; 
	line-height: 23px; 
	font-family: Helvetica,sans-serif; 
	font-size: 13px; 
	color: #4A4948 }

a { text-decoration: none; color: #5f5f5f; }
a:hover { text-decoration: underline; }
.clear { clear: both; }
.ui-tabs-hide { display: none; }
br.clear { margin: 0px; padding: 0px; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; padding-bottom: 5px; color: #303030; letter-spacing: -1px; line-height: 1em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #303030; }
h1 { font-size: 35px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
p { padding-bottom: 10px; }
strong { font-weight: bold; color: #484848; }
cite, em, i { font-style: italic; }
pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
ins { text-decoration: none; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 0.8em; }
sub { top: 0.3em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd  { margin-left: 1.5em;}
blockquote  { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; }
	blockquote p { padding-bottom: 0px; }

input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; }
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; }
input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }
textarea { padding: 4px; }

img#about-image { 
	float: left; 
	margin: 3px 8px 8px 0px; }

.clearfix:after { 
	visibility: hidden; 
	display: block; 
	font-size: 0; 
	content: " "; 
	clear: both; 
	height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

a.more { 
	float: right; display: block; 
	background: url(images/more.png) no-repeat bottom right; 
	padding-right: 10px; font-family: Arial, Verdana, sans-serif; color: #4e4e4d; 
	font-size: 11px; 
	text-shadow: 1px 1px 1px #ffffff; }
	a.more:hover { color: #313130; 
		text-decoration: none; }
		a.more span { 
			display: block; 
			background: url(images/more.png) no-repeat top left; 
			padding-left: 9px; 
			height: 28px; 
			line-height: 25px; }




/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/

.container { text-align: left; width: 962px; margin: 0 auto; position: relative; }

					
	h3#deals-title { font-size: 24px; text-transform: uppercase; color: #5f5e5e; padding-left: 25px; background: url(images/deals-bg.png) no-repeat bottom left; height: 47px; position: absolute; top: -15px; left: 27px; }
		h3#deals-title span { background: url(images/deals-bg.png) no-repeat top right; padding: 14px 23px 17px 7px; display: block; }

#content { padding-bottom:35px;
	 margin-top: 30px;}
body#home #content { }
	body#home #content .container, #content .container { padding: 0px; border: 1px solid #dedede; background-color: #fff; border-radius: 3px;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;}
	#content .container {
    padding: 10px 0 0 0;
 }
			
		#main-area-bottom { }
		#main-area {
 }
			#main-content { padding: 0px 1px 15px 1px; }
				#left-column { float: left; width: 710px; }
					#home .products{ padding: 30px 0 0 0;}
					#left-column h1{
						color: #F26E23;
					    font-size: 20px;
					    padding: 10px 25px
					}
					#left-column .page-description,#left-column .term-description{
						padding: 10px 0;
					}
					#left-column ul.products button.alt{
						margin: 5px 0  0 50px ;
					}
					.meta{
						padding: 10px 25px;
						color: #C83746;
					}
					/* css cho các entry của các  page  */
					 .entry{
						padding: 0px 25px;
					}
					.entry h1,.entry h2,.entry h3,.entry h4{
						padding: 15px 0;
					}
					.entry table {
					    border: medium none;
					    text-align: left;
					    width: 100%;
					}
					.entry table th {
					    border-bottom: 1px solid #DCDCDC;
					    font-weight: bold;
					    text-align: left;
					}
					.entry table tr {
					    border-bottom: 1px dotted #DCDCDC;
					}
					.entry table td {
						border-style: none;
					    padding: 5px 0;
					}
					#left-column li.product { float: left; position: relative; padding: 0px 7px 30px 19px;}
						 #top-product{}
						li.product .product-content { width: 201px; position: relative;}
							li.product a.image { display: block; position: relative;}
								li.product a.image:hover { text-decoration: none; }
								.product-content span.tag { bottom: 60px; }
								.product-content span.sale { bottom: 20px; }
								.rounded { border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border: 1px solid #dedede; display:inline-block; overflow:hidden; width: 193px; height: 287px; padding: 3px; display: block;}
								.rounded:hover {border: 1px solid #f26522;}
							li.product h4 { padding: 10px; font-size: 16px;text-align: center;}
								li.product h4 a:hover { text-decoration: none; color: Highlight;}
							.product-content a.more { float: left; margin-left: 60px; margin-top: 5px; }
							li.product span.tag span.from{display: none;}	
							span.band { position: absolute; top: -10px; right: -11px; display: block; width: 101px; height: 101px; }
							span.onsale { background: url(images/band-onsale.png) no-repeat; }
							span.buygetone { background: url(images/band-buygetone.png) no-repeat; }
							span.outofstock { background: url(images/band-outofstock.png) no-repeat;}
						
							
						#left-column .last { background: none !important; }

	#slides {
		padding: 0px 0px 1px 0px;
		border-bottom: 1px solid #BBB;
	
		position: relative;
}
	
	.post { padding: 38px 35px 34px 28px; position: relative; }
		
		.post ul { list-style-type: disc; margin: 10px 0px 10px 20px; }
			.post ol { list-style-type: decimal; list-style-position: inside; margin: 10px 0px 10px 2px; }
				.post ul li ul, .post ul li ol { margin: 2px 0px 2px 20px; }
				.post ol li ul, .post ol li ol  { margin: 2px 0px 2px 35px; }
		
		#product-slider { float: left; width: 298px; margin: 0px 25px 10px 0px; }
			#product-slides { margin: 0px 0px 7px; }
				.item-slide	{ position: relative; }
					.item-slide .overlay { background: url(images/big-overlay.png) no-repeat; display:block; height:226px; width:298px; position: absolute; top: 0px; left: 0px; }
				
				#product-thumbs a { display: block; position: relative; float: left; margin-right: 6px; }
					#product-thumbs a .overlay { background: url(images/overlay-sprite.png) no-repeat; display: block; width: 69px; height: 69px; position: absolute; top: 0px; left: 0px; }
					#product-thumbs a.active .overlay, #product-thumbs a:hover .overlay { background: url(images/overlay-sprite.png) bottom left; }
		
		.product-info { float:right; width:330px; }
			p.post-meta { color: #990f0f; font: italic 14px/24px Georgia,serif; padding-bottom: 20px; }
				p.post-meta a { color: #930000; font-weight: bold; }
			span.price-single { background: url(images/price-single.png) no-repeat top right; padding-right: 13px; display: block; float: left; color: #ffffff; font-size: 20px; text-shadow:1px 1px 1px rgba(0,0,0,0.4); margin: 0px 16px 0px 0px; }
				span.price-single span { display: block; padding:14px 0 12px 12px; background: url(images/price-single.png) no-repeat top left; }
			a.addto-cart { float: left; background: url(images/addto-cart.png) no-repeat top right; padding-right: 13px; display: block; color: #ffffff !important; font-size: 25px; text-shadow:1px 1px 1px rgba(0,0,0,0.4); }
				a.addto-cart span { display: block; padding:13px 0 13px 48px; background: url(images/addto-cart.png) no-repeat top left; }
			a.addto-cart:hover { text-decoration: none; }
			div.description { font-style: italic; font-size: 14px; margin: 15px 0px 0px; }
		
		div.hr { background: url(images/hr-bg.png) no-repeat; height: 1px; width: 720px; margin: 28px 0px 28px -28px; }
		.post h2 { font-size: 28px; margin-bottom: 8px; }
		.post a { color: #9c260e; }
		
		.related { width: 720px; padding: 0px; margin: 20px 0px 0px -25px;}
			.related h2 { padding: 40px 20px 20px 20px; }
			.related-items { background: url(images/hr-bg.png) no-repeat; margin: 0px -50px 0px -42px !important; list-style-type: none !important; }
				.related-items li { float: left; width: 360px; background: url(images/hr-bg.png) no-repeat bottom left; }
					.related-items a { display: block; background: url(images/relatedbg-right.png) repeat-y top right; padding: 10px 5px 9px 52px; min-height: 52px; }
					.related-items li.second a { background: none; padding-left: 12px; }
					.related-items a:hover { text-decoration: none; }
						.related-items img { padding: 3px; border: 1px solid #e2e2e2; background: #ffffff; float: left; margin-right: 17px; }
						.related-items span { color: #303030; font-size: 18px; float: left; width: 225px; padding-top:7px; }
		div.dnone { display: none; float: left; }
			
			#product-slides { height:226px !important; position:relative !important; width:298px !important; }
		

/*------------------------------------------------*/
/*--------------------[Single product page]-------------------*/
/*------------------------------------------------*/
.single-product div.product{
	float:none;
	padding: 15px 25px; }

	.single-product .images {
	    float: left;
	    width: 300px;
	
	    margin-bottom: 20px;
}
	.single-product .images > a > img{
		height: 450px;
		width: 300px;
	}
	.single-product div.product .images img {
	    -moz-box-sizing: border-box;
	    background: none repeat scroll 0 0 #FFFFFF;
	    border: 1px solid #E8E4E3;
	    width: 100%;
	}

	.single-product  div.product .summary h3{
		font-size: 17px;
		display: inline;
	}
	.single-product  div.product .summary h2{
		display: inline;
	}
		.single-product  div.product .summary h2.product_title{
			color: #052B40;
			font-size: 22px;
		}
	.single-product  div.product .summary h1{
		display: inline;
	}
	.single-product #content div.product p.price-regular {
	   	color: #BF0404;
	    font-size: 20px;
	    padding: 20px 5px 0px;
	}
	.single-product #content div.product p.price {
	   	color: #BF0404;
	    font-size: 30px;
	    padding: 20px 5px 30px;
	}
/* phần xử lý form add cart*/

div.product p.cart, #content div.product p.cart {
    float: right;
}
div.product form.cart, #content div.product form.cart {
    margin-bottom: 2em;
}
div.product form.cart:after, #content div.product form.cart:after {
    clear: both;
    content: "";
    display: block;
}
div.product form.cart div.quantity, #content div.product form.cart div.quantity {
    float: left;
    margin: 0 30px 0 0;
}
div.product form.cart table, #content div.product form.cart table {
    border-width: 0 0 1px;
}
div.product form.cart table td, #content div.product form.cart table td {
    
}
div.product form.cart table div.quantity, #content div.product form.cart table div.quantity {
    float: none;
    margin: 0;
}
div.product form.cart table small.stock, #content div.product form.cart table small.stock {
    display: block;
    float: none;
}
div.product form.cart .variations, #content div.product form.cart .variations {
    margin-bottom: 1em;
}
div.product form.cart .variations label, #content div.product form.cart .variations label {
    font-weight: bold;
}
div.product form.cart .variations select, #content div.product form.cart .variations select {
    float: left;
    width: 100%;
}
div.product form.cart .variations td.label, #content div.product form.cart .variations td.label {
    padding: 9px 10px;
}
div.product form.cart .variations td, #content div.product form.cart .variations td {
    vertical-align: top;
}
div.product form.cart .button, #content div.product form.cart .button {
    float: left;
    vertical-align: middle;
	margin-top: 6px;
}
div.product form.cart .group_table td.label, #content div.product form.cart .group_table td.label {
    padding-left: 1em;
    padding-right: 1em;
}
div.product form.cart .group_table td, #content div.product form.cart .group_table td {
    vertical-align: top;
}

div.product form.cart button.button{
	top:5px;
}




a.button, button.button, input.button, #respond input#submit, #content input.button {
	cursor: pointer;
  /* Inputs need pointers! */

	  overflow: visible;
	  width: auto;
	color: #FFF;
	padding: 3px 5px;
	background-color: #777777;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#444444));
	/* Saf4+, Chrome */

	background-image: -webkit-linear-gradient(top, #777777, #444444);
	/* Chrome 10+, Saf5.1+, iOS 5+ */

	background-image: -moz-linear-gradient(top, #777777, #444444);
	/* FF3.6+ */

	background-image: -ms-linear-gradient(top, #777777, #444444);
	/* IE10 */

	background-image: -o-linear-gradient(top, #777777, #444444);
	/* Opera 11.10+ */

	background-image: linear-gradient(to bottom, #777777, #444444);


	text-shadow: 0 1px 0 #333333;
	
	-webkit-box-shadow: 0 0 0 0.327em rgba(0, 0, 0, 0.075), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 1px #999999, inset 0 -1px #333333;
	box-shadow: 0 0 0 0.327em rgba(0, 0, 0, 0.075), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 1px #999999, inset 0 -1px #333333;

	border: 1px solid #222222;
}
a.button.loading, button.button.loading, input.button.loading, #respond input#submit.loading, #content input.button.loading {
    border: 1px solid #F7F6F7;
    color: #777777;
}
a.button.loading:before, button.button.loading:before, input.button.loading:before, #respond input#submit.loading:before, #content input.button.loading:before {
    background: url("../images/ajax-loader.gif") no-repeat scroll center center rgba(255, 255, 255, 0.65);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
a.button.added:before, button.button.added:before, input.button.added:before, #respond input#submit.added:before, #content input.button.added:before {

}
a.button:hover, button.button:hover, input.button:hover, #respond input#submit:hover, #content input.button:hover {

}
a.button:active, button.button:active, input.button:active, #respond input#submit:active, #content input.button:active {
    top: 1px;
}
a.button.alt, button.button.alt, input.button.alt, #respond input#submit.alt, #content input.button.alt {
	
	padding: 5px 15px;
	text-shadow: 0 1px 0 #cc1500;
	background-color: #ff5911;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5911), to(#dd2600));
	/* Saf4+, Chrome */

	background-image: -webkit-linear-gradient(top, #ff5911, #dd2600);
	/* Chrome 10+, Saf5.1+, iOS 5+ */

	background-image: -moz-linear-gradient(top, #ff5911, #dd2600);
	/* FF3.6+ */

	background-image: -ms-linear-gradient(top, #ff5911, #dd2600);
	/* IE10 */

	background-image: -o-linear-gradient(top, #ff5911, #dd2600);
	/* Opera 11.10+ */

	background-image: linear-gradient(to bottom, #ff5911, #dd2600);
	border: 1px solid #bb0400;
	-webkit-border-radius: 0.202em;
	border-radius: 0.202em;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: 0 0 0 0.327em rgba(0, 0, 0, 0.075), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 1px #ff7b33, inset 0 -1px #cc1500;
	box-shadow: 0 0 0 0.327em rgba(0, 0, 0, 0.075), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 1px #ff7b33, inset 0 -1px #cc1500;

}
a.button.alt:hover, button.button.alt:hover, input.button.alt:hover, #respond input#submit.alt:hover, #content input.button.alt:hover {
	background-color: #ff5911;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5911), to(#ee3700));
	/* Saf4+, Chrome */

	background-image: -webkit-linear-gradient(top, #ff5911, #ee3700);
	/* Chrome 10+, Saf5.1+, iOS 5+ */

	background-image: -moz-linear-gradient(top, #ff5911, #ee3700);
	/* FF3.6+ */

	background-image: -ms-linear-gradient(top, #ff5911, #ee3700);
	/* IE10 */

	background-image: -o-linear-gradient(top, #ff5911, #ee3700);
	/* Opera 11.10+ */

	background-image: linear-gradient(to bottom, #ff5911, #ee3700);
}
.cart .button, .cart input.button {
    float: none;
}


.quantity, #content .quantity {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 60px;
}
.quantity input.qty, #content .quantity input.qty {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #C8BFC6 -moz-use-text-color #C8BFC6 #C8BFC6;
    border-image: none;
    border-radius: 2px 0 0 2px;
    border-style: solid none solid solid;
    border-width: 1px 0 1px 1px;
    box-shadow: 0 0 2px 0 #F7F6F7 inset;
    float: left;
    font-weight: bold;
    height: 28px;
    padding: 0;
    text-align: center;
    width: 40px;
}
.quantity .plus, #content .quantity .plus, .quantity .minus, #content .quantity .minus {
    background: -moz-linear-gradient(center top , #F7F6F7 0px, #E0DADF 100%) repeat scroll 0 0 transparent;
    border: 1px solid #C8BFC6;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.075) inset, 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #5E5E5E;
    cursor: pointer;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 15px;
    line-height: 13px;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    vertical-align: text-top;
    width: 20px;
}
.quantity .plus:hover, #content .quantity .plus:hover, .quantity .minus:hover, #content .quantity .minus:hover {
    background: -moz-linear-gradient(center top , #F7F6F7 0px, #D4CDD2 100%) repeat scroll 0 0 transparent;
}
.quantity .plus, #content .quantity .plus {
    border-bottom: 0 none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    right: 0;
    top: 0;
}
.quantity .minus, #content .quantity .minus {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    bottom: 0;
    right: 0;
}

/*------------------------------------------------*/
/*--------------------[HEADER]-------------------*/
/*------------------------------------------------*/
#header { padding: 15px 0px 0px;
	/*background: #052B40 url(images/header-bottom-bg.png) repeat-x bottom left;*/
	
	
	 height: 115px; background: #fefefe; position: relative;}
	img#logo { float: left; margin: 0px 5px 0px 0px; height: 55px;}
	img#estore { float: left; margin: 0px 5px 0px 0px; height: 50px; width: 147px;}
	#search-bar { float: right; background: url(images/search-bg.png) no-repeat; width: 162px; height: 31px; margin-top: 10px; margin-right:6px; }
		#search-bar #searchinput { background: none; border: none; float: left; margin: 7px 6px 0 0px; width: 112px; padding-left: 10px; font-size: 11px; font-family: Georgia, serif; color: #494949; }
		#search-bar #searchsubmit { margin-top: 1px; }
	
	#menu { position: relative; top: 20px; background: url(images/secondary-menu.png) repeat-x; width: 100%; height: 40px; z-index: 10; }
	
	.payment_info{
		width: 150px;
	}

/*------------------------------------------------*/
/*---------------[DROPDOWN MENU]------------------*/
/*------------------------------------------------*/		

ul#top-menu { margin-left: 50px; margin-left: 50px; float: left; padding: 25px 0px 0px; font-family: Arial, Verdana, sans-serif; }
	ul#top-menu li { padding-right: 8px; margin-right:5px; }
		ul#top-menu li a { display: block; color: #404040; padding: 3px 0px 4px 8px; }
		ul#top-menu li a:hover { text-decoration: none; }

	ul#top-menu > li.current_page_item, ul#top-menu > li:hover { background: url(images/top-link-bg.png) no-repeat top right; padding-right: 8px; }
		ul#top-menu > li.current_page_item > a, ul#top-menu > li:hover > a { display: block; color: #404040; background: url(images/top-link-bg.png) no-repeat; line-height: 20px;}
		
	ul#top-menu ul { z-index: 9999; background: url(images/top-dropdown.png) no-repeat bottom left; width: 158px; padding: 0px 19px 17px; }		
		ul#top-menu ul li.top { background: none !important; padding: 0px !important; margin-bottom: -8px; }
			ul#top-menu span.menu-top { background:url(images/top-dropdown-topbg.png) no-repeat; display:block; height:12px; left:-19px; position:absolute; top:-12px; width:196px; }
		ul#top-menu ul li { background: url(images/top-separator.png) no-repeat bottom left; padding-bottom: 2px; }
			ul#top-menu ul li a { width: 158px; background: url(images/top-dropdown-bullet.png) no-repeat 1px 12px; padding: 5px 2px 5px 15px; }
			ul#top-menu ul li a:hover { color: #000000; }
			
			ul#top-menu ul li.second > a { padding-top: 0px; background-position: 1px 7px; }
			
			ul#top-menu li:hover ul, ul#top-menu li.sfHover ul { left:0px; top: 42px; }
			ul#top-menu li li:hover ul, ul#top-menu li li.sfHover ul { left:173px; top:0px; }

ul#secondary-menu { padding: 0px 0px 0px 25px; width: 980px; margin: 0 auto; line-height: 40px; height: 40px;}
	ul#secondary-menu li { padding-right: 30px; height: 40px; line-height: 40px;}
		ul#secondary-menu li.current_page_item > a , , ul#secondary-menu li.current-menu-item > a {
			color:#ede7c2; }
		ul#secondary-menu li a { 
			color:#ffffff; 
			display:block; 
			font-size:17px; 
			font-weight:inherit; 
			text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); 
			margin-bottom:-3px; 
			line-height: 40px;
}
		ul#secondary-menu li.logout { }	

			ul#secondary-menu li a span { color: #828282; text-transform: lowercase; font-family: Century Gothic, sans-serif; text-shadow: 1px 1px 1px #2d2d2d; }
			ul#secondary-menu li a:hover { text-decoration: none; }
				ul#secondary-menu li a:hover  { color: #ede7c2; }
				ul#secondary-menu li a:hover span, ul#secondary-menu li > a > span { color: #7b786a; }
		
		ul#secondary-menu ul { 
			width: 172px; 
			background: url(images/secondary-dropdown.png) repeat-y; 
			padding: 3px 0px 15px; 
			box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.5); 
			-moz-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.5); 
			-webkit-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.5); 
			border-radius: 2px; 
			-moz-border-radius: 2px; 
			-webkit-border-radius: 2px; border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; 
			border: 1px solid #232323; border-top: none; }
		ul#secondary-menu ul.sub-menu {		}
		ul#secondary-menu ul.sub-menu li a{font-size: 15px;}
		ul#secondary-menu li:hover ul, ul#secondary-menu li.sfHover ul { 
			left: -15px; 
			top: 40px; }
			ul#secondary-menu li:hover ul ul, ul#secondary-menu li.sfHover ul ul { 
				left:173px; top:-3px; 
				border-radius: 8px; 
				-moz-border-radius: 8px; 
				-webkit-border-radius: 8px; 
				border: 1px solid #232323; }
			
			ul#secondary-menu ul li { background: url(images/secondary-dropdown-bottom.png) repeat-x bottom left; padding: 0px 0px 2px 2px; width: 170px;}
				ul#secondary-menu ul li a { display: block; padding: 5px 35px 10px 15px; width: 120px; color: #ffffff; font-family: Century Gothic, Arial, sans-serif; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); /*background: url(images/secondary-dropdown-bullet.png) no-repeat 15px 17px;*/ line-height: 20px;}
				ul#secondary-menu ul li a:hover { background-color: #383838; color: #ede7c2; }
		
/*------------------------------------------------*/
/*--------------[FEATURED SLIDER]-----------------*/
/*------------------------------------------------*/		
		
#featured {  position: relative;   top: 0px;}

	
	#top-shadow { position: absolute; top: 0px; left: 0px;
	 	background: url(images/top-shadow.png) repeat-x; height: 34px; width: 100%; }
	#bottom-shadow { position: absolute; bottom: 0px; left: 0px;
	 	background: url(images/bottom-shadow.png) repeat-x; height: 31px; width: 100%; }	
	

	#featured-area-bottom { height: 9px; background: url(images/content-bottom-full.png) no-repeat; }
	#featured-area { /*background: url(images/content-top-full.png) no-repeat; padding-top: 8px;*/ }
	#featured-content { /*background: url(images/main-bg-full.png) repeat-y;*/ padding: 5px 0px 25px 0px; position: relative; border: 1px solid #dedede; background-color: #fefefe; border-radius: 3px;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;}	
	#featured .container{ padding: 52px 0 0;}
	#featured #slides {
		background: none repeat scroll 0 0 #FFF;margin: 0 34px;
	
		border: 1px solid #dadada;
}
	#featured-scroller{
		position: relative; 
	}
	#featured-slider{
		margin: 20px 40px 10px 40px;
	}
	#featured-slider ul li {
		position: relative; 
		/*width: 200px;		*/
		width: 180px;
		padding: 10px 20px 0px 20px;		
	}
	.featured-controller{
		display: block;
		height: 35px;
		width: 23px;
	
		position: absolute;
		top: 135px;
	}
	.featured-controller div{
		display: block;
		height: 35px;
		width: 23px;
	}
	#left-nav{
		left: 10px;
		background: url("images/left-arrow.png");
	}
	#right-nav{		
		right: 10px;
		background: url("images/right-arrow.png");
	}
}
/*------------------------------------------------*/
/*--------------[SCROLLER]-----------------*/
/*------------------------------------------------*/	
#scroller { position: relative; float: left; margin-bottom: 0px;padding:20px 8px 0; }
	#scroller a#left-arrow, #scroller a#right-arrow { display:block; width: 23px; 
		height:35px; text-indent:-9999px; margin-top: 130px; float: left; }
	#scroller a#left-arrow { background: url(images/left-arrow.png) no-repeat; margin-left:0px; 
		margin-right:-4px; }
	#scroller a#right-arrow { background: url(images/right-arrow.png) no-repeat; margin-left: 1px; }
	
	#scroller #items { float: left; width: 901px; }
	#scroller .image-scroller{
		 display: inline-block;
	    height: 264px;
	    margin-bottom: -7px;
	    overflow: hidden;
	    width: 195px;
	}
	#scroller .block { padding-left: 16px;  }
		#items .item { /*background: url(images/item-bottom-bg.png) no-repeat bottom left; padding-bottom: 7px;*/ 
			float: left; width: 180px; height: 270px;relative; /*margin-right: 14px;*/; position: relative;}
			#items .item-top { }
			#items .item-content { 
				min-height: 220px; 
				height: 260px; 
}
				.item-content h4 { font-size: 16px; padding-bottom: 0px; }
					.item-content h4 a:hover { text-decoration: none; }
					.item-content img { padding: 3px; border: 1px solid #dedede; }
					.item-content img:hover { border: 1px solid #f26522;}
			#items .item a.more { position: absolute; bottom: -7px; left: 70px; }
				
				.product span.tag, #items .item-content span.tag { color: #ede7c2; font-size: 15px; position: absolute; left: -15px; bottom: 10px; display: block; background: url(images/scroller-item-tag.png) no-repeat bottom right; padding-right: 11px; text-shadow: 1px 1px 1px #131212; }
				#scroll-new-features { color: #ede7c2; font-size: 15px; position: absolute; left: -15px; display: block; background: url(images/scroller-item-tag.png) no-repeat bottom right; padding-right: 11px; text-shadow: 1px 1px 1px #131212; }

				#items .item-content span.tag { bottom: 18px; }
					#scroll-new-features span,
					.product span.tag span, #items .item-content span.tag span { 
						display: block; background: url(images/scroller-item-tag.png) no-repeat; 
						height: 40px;
					    padding-left: 9px;
					    padding-top: 5px; 
}
			
/*------------------------------------------------*/
/*--------------------[BREADCUMBS]-------------------*/
/*------------------------------------------------*/
#breadcrumbs { padding: 15px 5px 25px 4px; font: italic 12px Georgia, serif; color: #4e4d4d; text-shadow: 1px 1px 1px #ffffff; }	
#breadcrumbs .sep { background:url("images/breadcrumbs_separator.png") no-repeat; display:inline-block; height:7px; margin:1px 1px 0 3px; width:4px; }
#breadcrumbs a { color: #807f7f; }
#breadcrumbs a:hover { text-decoration: none; color: #4e4d4d; }
	
/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/


		
/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/

#footer { 
	background: #dedede;
	color: #333; 
	border-top: 1px solid #aaa;
}
	#footer .container {
		padding:15px 0;
	}
	.footer-col{
		width: 230px;
		padding: 5px 10px; 
		float:left;
	}
	#footer .center{
		color: white;
	    font-weight: bold;
	    padding-top: 60px;
	    width: 420px;
	}
	#footer .right{
	    padding: 20px 0 0 35px;
	}
	#footer .right h5{
		color: #EA7837;
	}
	.footer-col a.img{
		display: inline-block;
	}
	#footer p#copyright { 
		text-align: right; 
		color: #999; 
		font-size: 11px; 
 }
		#footer p#copyright a { 
			font-weight: bold; 
			font-style: italic; 
			color: #333; 
			font-style: italic;
			font-weight: bold;}

/*------------------------------------------------*/
/*--------------------[SIDEBAR]-------------------*/
/*------------------------------------------------*/

#sidebar { float: left; width: 239px;}
	#sidebar a { color: #807f7f; text-shadow: 1px 1px 1px #ffffff; }
		#sidebar a:hover { color: #505050; text-decoration: none; }
	
	#sidebar .widget { padding: 0px 0px 2px; }
		#sidebar h4.widgettitle { 
			border-bottom: 1px solid #DFDFDF;
		    color: #F26E23;
		    font-size: 17px;
		    letter-spacing: 0.5px;
		    margin-right: 30px;
		    padding: 14px 5px 8px 30px;
		    text-align: right;
		    text-shadow: 1px 1px 0 #FFFFFF;
		}
		#sidebar h4.dichvu{
			color: #807F7F;
			font-size: 16px;
		}
		#sidebar .widget-content span {
			font-size: 15px;
			display:block;
			color: #807F7F;
		}
		#sidebar .widget-content span p {
			
		    display: inline-block;
		    font-size: 18px;
		    padding-right: 19px;
		}
		#sidebar .widget-content { padding: 20px 10px 10px 30px;}
			#sidebar .widget ul ul { margin:0 0 0 15px; }
			#sidebar .widget ul li { 
			/*	background:url("images/list-icon.png") no-repeat scroll 0 13px transparent; */
				font-size: 13px;
    			padding: 5px 0 7px 13px}
			#sidebar .widget ul li ul { margin:0 0 -12px; padding:5px 0 0 7px; }
	
/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/

div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.alignright { float: right; }
.alignleft { float: left }
img.alignleft { display:inline; float:left; margin-right:15px; }
img.alignright { display:inline; float:right; margin-left:15px; }

	
/*------------------------------------------------*/
/*---------------[DEFAULT DROPDOWN SETTINGS]---*/
/*------------------------------------------------*/

.nav ul { position:absolute; top:-999em; background-position: bottom; background-repeat: no-repeat; z-index: 10; }
.nav li { float:left; position:relative; }
.nav a { display:block; float: left; }
	.nav li:hover ul, ul.nav li.sfHover ul { left:0px; top:35px; }
	.nav li:hover li ul, .nav li.sfHover li ul { top:-999em; }
		.nav li li:hover ul, ul.nav li li.sfHover ul { left:203px; top:0px; }
	.nav li:hover ul, .nav li li:hover ul { top: -999em; }
	.nav li li {	display: block;	padding: 0px; float: left; height: auto !important; }
	.nav li ul { width: 202px; }
		.nav li li a:link, .nav li li a:visited {	display: block; height: auto; float: left; }
		.nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }


/*------------------------------------------------*/
/*-----------------[WP CALENDAR]-----------------*/
/*------------------------------------------------*/
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px;	}
	#wp-calendar a { display: block; text-decoration: none; font-weight: bold; }
		#wp-calendar a:hover { text-decoration: underline; }
	#wp-calendar caption {	text-decoration: none; font: bold 13px Arial, Sans-Serif; }
	#wp-calendar td {	padding: 3px 5px; color: #9f9f9f; }
		#wp-calendar td#today { color: #ffffff; }
	#wp-calendar th {	font-style: normal;	text-transform: capitalize;	padding: 3px 5px; }
		#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
		#wp-calendar #next a { padding-right: 10px; text-align: right; }
		#wp-calendar #prev a { padding-left: 10px; text-align: left; }
		
/*------------------------------------------------*/
/*-------------------[PAGINATION]------------------*/
/*------------------------------------------------*/

.pagination {
  height: 36px;
  margin: 0 0 20px 0px;
}

.pagination a {
  color: #0088cc;
  text-decoration: none;
}

.pagination a:hover {
  color: #005580;
  text-decoration: none;
}

.pagination ul {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  margin-left: 0;
  margin-bottom: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination li {
  display: inline;
}
.pagination a {
  float: left;
  padding: 0 14px;
  line-height: 34px;
  text-decoration: none;
  border: 1px solid #ddd;
  border-left-width: 0;
}
.pagination a:hover,
.pagination .active a {
  background-color: #f5f5f5;
}
.pagination .active a {
  color: #999999;
  cursor: default;
}
.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
  color: #999999;
  background-color: transparent;
  cursor: default;
}
.pagination li:first-child a {
  border-left-width: 1px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.pagination li:last-child a {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.pagination-centered {
  text-align: center;
}
.pagination-right {
  text-align: right;
}
.pager {
  margin-left: 0;
  margin-bottom: 18px;
  list-style: none;
  text-align: center;
  *zoom: 1;
}
.pager:before,
.pager:after {
  display: table;
  content: "";
}
.pager:after {
  clear: both;
}
.pager li {
  display: inline;
}
.pager a {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.pager a:hover {
  text-decoration: none;
  background-color: #f5f5f5;
}
.pager .next a {
  float: right;
}
.pager .previous a {
  float: left;
}
.pager .disabled a,
.pager .disabled a:hover {
  color: #999999;
  background-color: #fff;
  cursor: default;
}

/*------------------------------------------------*/
/*-------------------[ORDER]------------------*/
/*------------------------------------------------*/
.edit-entry{
	padding: 10px 25px;
}
.edit-entry a{
	color: #456B80;
    font-size: 17px;
}

a.readmore:hover, #sidebar div.custom-sidebar-block ul.control li a:hover, ul#cats-menu li a:hover, ul#page-menu li a:hover, div#slider-control div.featitem h2 a  { text-decoration: none; }






/*------------------------------------------------*/
.no_sidebar #main-content{width: 960px !important; background-image:url("images/main-bg-full.png") !important;}
.no_sidebar  #main-area{background-image:url("images/content-top-full.png") !important;}
.no_sidebar  #main-area-bottom{background-image:url("images/content-bottom-full.png")  !important;}
.no_sidebar #left-column {width:960px;}

.et_pt_gallery_entry { margin: 0 0 32px 72px !important; }
.et_embedded_videos { display: none !important; }


.foursixeight { margin: 0px 0px 15px 84px;}

.fullwidth { width: 100% !important; }
.last { margin-right: 0px !important; }

/*

.js #feat-content, .js div#from-blog div.entries {display: none;} 


.cufon-disabled span.tag, .cufon-disabled h3#deals-title, .cufon-disabled h4.widgettitle, .cufon-disabled ul#secondary-menu li a strong, .cufon-disabled .price-single, .cufon-disabled .addto-cart { font-family: Impact, sans-serif; }

.cufon-disabled .description h2.title, .cufon-disabled .item-content h4, .cufon-disabled .product h3, .cufon-disabled .post h1, .cufon-disabled .post h2, .cufon-disabled .post h3, .cufon-disabled .post h4, .cufon-disabled .post h5, .cufon-disabled .post h6 { font-family: Century Gothic, Arial, sans-serif; font-weight:normal; }

.cufon-disabled #switcher a.product span.tag { font-size: 18px; }
.cufon-disabled .description .product span.tag { font-size: 24px; }
	.cufon-disabled .description .product span.tag span { height:48px; padding-top:12px; }
.cufon-disabled .slide .description h2.title { font-size:32px; }
.cufon-disabled ul#secondary-menu li a strong { font-size:16px; }
.cufon-disabled h3#deals-title { font-size:22px; font-weight:normal; letter-spacing:0; }
.cufon-disabled #content .product span.tag, .cufon-disabled #content #items .item-content span.tag { font-size: 19px; }
	.cufon-disabled #content .product span.tag span, .cufon-disabled #content #items .item-content span.tag span { padding-bottom:2px; padding-top:7px; }
.cufon-disabled	.product h3 { font-size:22px; }
.cufon-disabled #sidebar h4.widgettitle { font-size:24px; font-weight:normal; }
.cufon-disabled .price-single, .cufon-disabled .addto-cart { font-size: 24px; }
	.cufon-disabled span.price-single span { padding:14px 0 14px 12px; }
	.cufon-disabled a.addto-cart span { padding:14px 0 14px 48px; }
	
.cufon-enabled #featured span.tag, .cufon-enabled h3#deals-title, .cufon-enabled #content span.tag, .cufon-enabled h4.widgettitle, .cufon-enabled ul#secondary-menu li a strong, .cufon-enabled span.price-single, .cufon-enabled .addto-cart, .cufon-enabled .wp-pagenavi span.current, .cufon-enabled .wp-pagenavi a.page, .cufon-enabled .description h2.title, .cufon-enabled .item-content h4, .cufon-enabled .product h3, .cufon-enabled .post h1, .cufon-enabled .post h2, .cufon-enabled .post h3, .cufon-enabled .post h4, .cufon-enabled post h5, .cufon-enabled .post h6, .cufon-enabled .related-items span { text-indent: -9999px; }

.eshopcart_widget { text-shadow: 1px 1px 0px #fff !important;}
table.eshop thead th,table.cart thead th, table.eshop tbody th { background-color: #dbd9d5 !important; text-shadow: 1px 1px 0px #fff !important; }
table.eshop,table.eshop th,table.eshop td {	border:1px solid #c8c8c8 !important; }
table.cart tr.stotal {	background:#9a260e !important;	color:#fff !important; text-shadow: -1px -1px 0px #7e1e0a !important;}
form.eshop fieldset { background:#f7f7f7 !important; color:#7c7b7a !important;  border:1px solid #dadada !important; }
form.eshop legend {	background:#ae2509 !important;	color:#fff !important;	border-width:1px !important; border-style:solid !important; border-color:#921f07 !important;}
form.eshop input.button { background:#ae2509 !important; border-color:#921f07!important; }
.eshop  caption {display: none; }
.post table.eshop thead th, .post table.cart thead th, .post table.eshop tbody th { background-color: #f3f3f3 !important;}
table.cart tr.stotal #subtotalw, .post form.eshop table.cart tr.stotal #subtotalw { color: #404040!important; }
.post .eshop {margin: 40px 0px 0px 0px !important; }

.js #featured #slides { background: url(images/ajax-loader.gif) no-repeat center; height: 501px; }
	.js #featured .slide { display: none; }
*/











/*-----------------------------------------------------*/
span.onsale-price {
	background-color: #F69327;
	background: -moz-linear-gradient(center top , #F69327 0px, #F69327 100%) repeat scroll 0 0 transparent;
   	background: -webkit-linear-gradient(#F69327,#F69327);
    border-radius: 40px 40px 40px 40px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.2);
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    left: 10px;
    line-height: 50px;
    margin: 0;
    min-height: 50px;
    min-width: 50px;
    padding: 4px;
    position: absolute;
    text-align: center;
    text-shadow: 0 -1px 0 #85AD74;
    top: 6px;
}
.tongtien p{
	display: inline-block;
	font-size: 20px;
}
.tongtien .amount{
	font-size: 20px;
	color: #F26E23;
	padding: 0 17px;
	font-weight: bold;
}


/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
 
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}

@media only screen and (min-width: 600px) {
    .side-bar-wrapper{
		display: none;
	}

	.main-content{
		width: 100%;
		border-left: none;
	}

	.wrapper{
        width: 600px;
    }

    .wrapper-gallery ul.gallery-item li {
		float: left;
    	
		width: 26.6%;
    	
		margin: 0 5.56% 0 0;
    	-webkit-transition: width .2s;
    	-moz-transition: width .2s;
    	-o-transition: width .2s;
    	-ms-transition: width .2s;
    	transition: width .2s;
	}
}

@media only screen and (min-width: 800px) {
    /* Style adjustments for viewports that meet the condition */
    #slider{
        width: 100%;
        -webkit-transition: width .2s;
    	-moz-transition: width .2s;
    	-o-transition: width .2s;
    	-ms-transition: width .2s;
    	transition: width .2s;
    }
}

@media only screen and (min-width: 1000px) {
    /* Style adjustments for viewports that meet the condition */
    #slider{
        width: 100%;
        -webkit-transition: width .2s;
    	-moz-transition: width .2s;
    	-o-transition: width .2s;
    	-ms-transition: width .2s;
    	transition: width .2s;
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}